// 该文件用于创建Vuex中最为核心的store
// 引入Vue
import Vue from "vue";
// 引入Vuex
import Vuex from 'vuex';
//应用Vuex, 创建vm的时候可以传入store配置项了
Vue.use(Vuex);

// 准备actions——用于响应组件中的动作
// 写一些业务逻辑
const actions = {
    /* jia(context, value) {
        console.log('actions中的jia被调用了', value)
        context.commit('JIA', value)
    },
    jian(context, value) {
        console.log('actions中的jian被调用了', value)
        context.commit('JIAN', value)
    }, */
    jiaOdd(context, value) {
        console.log('actions中的jiaOdd被调用了', value)
        if (context.state.sum % 2) {
            context.commit('JIA', value)
        }
    },
    jiaWait(context, value) {
        console.log('actions中的jiaWait被调用了', value)
        setTimeout(() => {
            context.commit('JIA', value)
        }, 500)
    },
}
// 准备mutations——用于操作数据（state）
// 写一些公用的实现
const mutations = {
    JIA(state, value) {
        console.log('mutations中的JIA被调用了', value)
        state.sum += value
    },
    JIAN(state, value) {
        console.log('mutations中的JIAN被调用了', value)
        state.sum -= value
    },
}
// 准备state——用于存储数据
const state = {
    sum: 0,   // 当前的和
}

// 创建并暴露store
export default new Vuex.Store({
    actions,
    mutations,
    state
})